<template>
	<view>
		
		<!-- #ifdef APP-PLUS || MP-WEIXIN -->
		<u-navbar title="真实姓名" back-icon-color="#000" :is-back="true" title-color="#000" :background="{ background:'#ffffff'}" :border-bottom="true"></u-navbar>
		<!-- #endif -->
		
		<view class="page_wrap">
			<view class="title">
				真实姓名
			</view>
			<view class="input_box">
				<u-input v-model="name" type="text" :border="false" placeholder="请输入真实姓名" />
			</view>
			<view class="describe">*根据支付规定，须填写您的的真实姓名</view>
		</view>
		<view class="lijipay">
			<u-button hover-class="none" type="info" shape="circle" :ripple="false" @click="lipay()">确定</u-button>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name: ''
			}
		},
		methods: {
			lipay(){
				
			}
		}
	}
</script>

<style lang="scss">
	.page_wrap {
		padding: 30rpx;
	}

	.title {}

	.input_box {
		border-radius: 20rpx;
		background-color: #F9F9F9;
		padding: 10rpx 20rpx;
		margin: 20rpx 0;
	}

	.describe {
		color: #999;
	}

	.lijipay {
		margin-top: 100rpx;
		position: fixed;
		bottom: 2%;
		width: 92%;
		margin: 0 auto;
		left: 0;
		right: 0;
		
		.u-size-default {
			height: 80rpx !important;
			line-height: 80rpx !important;
			background-image: linear-gradient(to right,  #FE9400, #FF3D22) !important;
			color: #fff;
		}
	}
</style>
